// 1.内部使用封装的公共js文件处理的事情：
// 1.1 图片的上传预览
// 1.2 文章类别的下拉显示
// 1.3 初始化插件：jeDate日期的显示和富文本的显示

// 定义一个 全局 的变量保存文章的id;不要使用const定义globalId
let globalId;
// 2.点击编辑后跳转,根据类别的id回显数据,渲染页面
function editEcho() {
    //  获取id
    const id = parseInt(location.search.split('=')[1]);
    globalId = id;
    // console.log(id);
    // 发送请求获取响应数据
    request({
        type: 'get',
        url: '/admin/article/search',
        data: { id },
        success: function (res) {
            // console.log(1213, res);
            // 解构需要的数据:注意类别的id是使用categoryId，不要与文章的id混为一起
            const { title, cover, categoryId, date, content } = res.data;
            // 更换数据
            $('#inputTitle').val(title);
            $('.article_cover').prop('src', cover);
            // 根据value的值显示文本内容
            $('.category').val(categoryId);
            $('#indate').val(date);
            $('#mytextarea').val(content);
        }
    })
};
editEcho();
// console.log('globalId', globalId);

// 3.封装后调用-文章数据的修改:定义updateArticle函数是为了获取从点击修改按钮后的文章状态state
function updateArticle(state) {
    commentUpdateArticle(state, globalId);
    return false;
}

// 3.封装前的数据的修改
/* function updateArticle(state) {
    // 阻止表单默认事件
    // 1.获取数据
    // 使用FormData对象获取数据
    const formData = new FormData($('#form')[0]);
    // 剩余数据加到formData对象中
    formData.append('id', parseInt(location.search.split('=')[1]))
    // 获取富文本的内容：带有p标签的数据,但不影响显示
    formData.append('content', tinyMCE.activeEditor.getContent())
    formData.append('state', state)
    // 2.点击修改后发送请求提交数据
    request({
        type: 'post',
        url: '/admin/article/edit',
        data: formData,
        success: function (res) {
            // console.log(res);
            if (res.code === 200) {
                alert(res.msg);
                // 跳转到列表页
                window.location.href = './article_list.html'
            }
        }
    })
    // 阻止表单自动跳转
    return false;
} */



